<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title><?php  bloginfo('name'); ?></title>
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<script src="<?php bloginfo('template_directory'); ?>/js/jquery-1.9.1.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/jqmultitouch/jquery.multitouch.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/js/navigation.js"></script>
<script>
	initNavigation(getCurrentPage(), 'body', 40);
</script>
<style>

<?php

  if(get_option('background_color') != '')
  {
  ?>
  body{
    background-color: <?php print get_option('background_color'); ?>;
    }
  <?php
  }
  
  if(get_option('box_color') != '')
  {
  ?>
  #top {
    background-color: <?php print get_option('box_color'); ?>;
    }
  <?php
  }

  if(get_option('main_color') != '')
  {
  ?>
   #mainColumn {
    background-color: <?php print get_option('main_color'); ?>;
    }
  <?php
  }
  ?>
  

</style>
</head>
<body>
	<section id="top">
		<?php
		    $header_image = get_header_image();
		    if (!empty($header_image)) { ?>
		    
		      <div style="background-image:url(<?php header_image(); ?>);max-width:1500px;height:120px;">
				<h1 style="font-size:3.4em;top-margin:5%;"><?php  bloginfo('name'); ?></h1>
		<div id="desc" class="displaying-header-text" style="font-size:2.5em;"><?php bloginfo('description'); ?></div>
	      </div>
		  
		
		
		<?php } else { }
		 ?>
		
		<nav id="leftColumn">
			<a id="menu" href="#">Menu</a>
			<a href=".">Home</a>
			<a href="#">About Us</a>
			<a href="#">People</a>
			<a href="#">Research</a>
			<a href="#">Studies</a>
			<a href="#">Training</a>
			<a href="#">Campus Info</a>
			<?php
			$pages = get_pages();
			foreach($pages as $page){
					    if($page->post_title == "gallery"):
					    echo '<a href="'.get_page_link($page->ID).'">Gallery</a>' ;
					    endif;
					}
					?>
		</nav>
		<header id="topMain">
			<ul>
				<li><a href=".">ETH Life Blog</a></li>
				<?php
				$pages = get_pages();
				foreach($pages as $page){
					    if($page->post_title == "events"):
					    echo '<li><a href="' . get_page_link($page->ID) . '&t=past">Past Events</a></li>';
					    echo '<li><a href="' . get_page_link($page->ID) . '&t=future">Future Events</a></li>';
					    endif;
					}
					?>
			</ul>
		</header>